<template>
	<div>
		<div class="bg-white pt-[40px] pb-[40px] pl-[100px] pr-[100px]">
			<el-row>
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">账号：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">密码：</span>
						<el-input type="password" show-password class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">姓名：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">联系方式：</span>
						<el-input type="number" class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">所属部门：</span>
						<el-select class="w-[120px] flex-1 ml-[10px]" placeholder="请选择">
							<el-option v-for="(item, index) in visitType" :key="index" :label="item.label"
								:value="item.value" />
						</el-select>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">职务：</span>
						<el-input  class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">底薪：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">员工生日：</span>
						<el-select class="w-[120px] flex-1 ml-[10px]" placeholder="请选择">
							<el-option v-for="(item, index) in visitType" :key="index" :label="item.label"
								:value="item.value" />
						</el-select>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">入职时间：</span>
						<el-select class="w-[120px] flex-1 ml-[10px]" placeholder="请选择">
							<el-option v-for="(item, index) in visitType" :key="index" :label="item.label"
								:value="item.value" />
						</el-select>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">角色：</span>
						<el-select class="w-[120px] flex-1 ml-[10px]" placeholder="请选择">
							<el-option v-for="(item, index) in visitType" :key="index" :label="item.label"
								:value="item.value" />
						</el-select>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">类型：</span>
						<el-radio-group v-model="radio" class=" ml-[10px]">
							<el-radio label="1" size="large">普通员工</el-radio>
							<el-radio label="2" size="large">内销</el-radio>
							<el-radio label="3" size="large">外销</el-radio>
						</el-radio-group>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">产品参数支持：</span>
						<el-radio-group v-model="radio" class=" ml-[10px]">
							<el-radio label="1" size="large">需要审核</el-radio>
							<el-radio label="2" size="large">无需审核</el-radio>
						</el-radio-group>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[100px] text-right">年度业绩目标：</span>
						<el-input class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
		</div>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]" >
				<span>取消</span>
			</el-button>
			<el-button class="w-[100px] h-[36px]" color="#0054A6" type="primary">
				<span>保存</span>
			</el-button>
		</el-row>
	</div>
</template>

<script lang="ts" setup>
	const visitType = ref<Array<any>>([
		{
			label: '所有',
			value: ''
		},
		{
			label: '管理员',
			value: '0'
		},
	])
	const radio = ref('1')
</script>

<style>
</style>